<template>
  <div>
    <p> {{msg}} </p>
    <button v-on:click="rev">点我反转</button>
  </div>
</template>

<script>
  export default{
    data(){
      return {
        msg:'HELLO,Vue',
        
      }
    },
    methods:{
      rev(){
          // // 1.将获取的字符串切割成数组-->注意this,同时切割需要使用空字符串来切割
          // const arr = this.msg.split('')
          // // 2.将生成的数组反转-->reverse()方法会改变原数组的数据,所以不需要使用变量接收
          // arr.reverse()
          // // 3.将反转后的数组再通过join('')拼接成字符串
          // this.msg=arr.join('')

          // 一行代码解决
          this.msg=this.msg.split('').reverse().join('')
        }
    }
  }
</script>

<style lang="scss" scoped>

</style>